<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
</head>
<style type="text/css">
    #table{
        display: table;
    }
    div.row{
        display: table-row;
        background-color: lightgray;
    }
    p{
        display: table-cell;
        border: thin solid black;
        padding: 15px;
        margin: 15px;
    }
    img {
        float: left;
    }
</style>

<body>
    <div id="table">
        <div class="row">
            <p id="first">
                There are lots of different kinds of fruit - there are over 500 varieties
                of banana alone. By the time we add the countless types of apples, oranges,
                and other well-known fruit, we are faced with thousands of choides.
            </p>
            <p id="second">
                One of the most interesting aspects of fruit is the variety available in
                each country. I live near London, in an area which is known for
                its apples.
            </p>
            <p id="third">
                When travelling in Asia, I was struck by how many different kinds of banana were available - many of
                which had unique flavours and which were only avaiable within a small region.
            </p>
        </div>
        <div class="row">
            <p>
                This is an apple. <img src="../images/apple.png" alt="">
            </p>
            <p>
                This is a banana. <img src="../images/banana.png" alt="">
            </p>
            <p>
                No picture here
            </p>
        </div>
        
    </div>
</body>

</html>